import Vue from 'vue'
import store from '@/store'
// 放置全局指令

// 控制按钮的权限指令
Vue.directive('access', {
  // 当指令绑定的 dom 元素插入到页面时，会执行
  inserted(el, binding) {
    // console.log('el', el)
    // console.log(binding)
    // 拿到用户的按钮权限数据 store.state.user.userInfo.roles.points
    if (!store.state.user.userInfo.roles.points.includes(binding.value)) {
      // 如果该用户没有改按钮权限，则不显示该按钮
      // 找到绑定了该指令的父元素，移除绑定了该指令的元素
      el.parentNode.removeChild(el)
      // el.style.display = 'none'
    }
  }
})
